<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta content="telephone=no" name="format-detection"/>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title></title>
    <style type="text/css">
        body{
            line-height: 130%;
        }
        .attention {
            width: 96%;
            padding: 0 2%;
            padding-bottom: 10px;
            position: relative;
        }
        img{ width:100px;height:100px; }
    </style>
</head>
<body>
<div class="attention">
    <table>
        <tr>
            <th>图片</th>
            <th>图片名称</th>
            <th>图片url</th>
        </tr>
        <tr th:each="file : ${files}">
            <th><image th:src="${file.href}"></image></th>
            <td th:text="${file.rel}"></td>
            <td th:text="${file.href}"></td>
        </tr>
    </table>
    <form method="post" enctype="multipart/form-data" action="/upload/">
        File to upload: <input type="file" name="file" />
        Name:           <input type="text" name="name" />
        <input type="submit" value="Upload" /> Press here to upload the file!
    </form>
</div>
</body>
</html>